<template>
  <div>
    <van-nav-bar title="乐购" left-text="返回" left-arrow  @click-left="onClickLeft"/>
<form action="/">
  <van-search  v-model="value"  show-action  placeholder="商品搜索"  @search="onSearch"  @cancel="取消"/>
</form>
<div class="del">
  <p>历史记录</p>
  <van-icon name="delete" size="20" />
</div>
  </div>
  
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    onSearch(val) {
       
    },
    onCancel() {
  
    },
  },
};
</script>

<style lang="scss" scoped>
.del{
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-top: 15px;
   
}
</style>